/* pages/cart/index.wxss */
page {
    --popup-round-border-radius: 12rpx;
    --overlay-background-color: rgba(0, 0, 0, 0.5);
}
.cat-bg {
    width: 96%;
    margin: 0 2%;
    height: 160rpx;
    position: fixed;
    z-index: 3;
    margin-top: -53rpx;
    background-color: #f6f6f8;
}
/* vip-img */
.vip-img {
    width: 96%;
    height: 7.8%;
    margin: auto 2%;
    position: fixed;
    top: 140rpx;
    z-index: 99;
    left: 0;
    right: 0;
}
.vip-img > image {
    width: 100%;
    height: 100%;
}
/* cart-but */
.cart-but {
    padding: 30rpx 40rpx;
    height: 100rpx;
    background: #ffffff;
    box-sizing: border-box;
    font-size: 0;
    position: fixed;
    z-index: 98;
    width: 100%;
}
.cart-but > view {
    display: inline-block;
    vertical-align: middle;
}
.cart-but-allImg {
    width: 40rpx;
    height: 40rpx;
}
.cart-but-allImg > image {
    width: 100%;
    height: 100%;
}
.cart-but-all {
    font-size: 28rpx;
    text-align: center;
    color: #7c7996;
    width: fit-content;
    padding-left: 10rpx;
}
.cart-but-edit {
    font-size: 28rpx;
    text-align: left;
    color: #7c7996;
    width: fit-content;
    float: right;
}
.cart-but-complete {
    font-weight: 700;
    color: #ffbb00;
}

/* cart-goods */
.cart-goods {
    margin-top: 100rpx;
    padding: 20rpx;
    box-sizing: border-box;
}
.cart-store {
    width: 710rpx;
    background: #ffffff;
    border-radius: 8rpx;
    padding: 30rpx 20rpx;
    box-sizing: border-box;
    margin-bottom: 20rpx;
    position: relative;
}
.cart-store-line {
    height: 50rpx;
    line-height: 50rpx;
}

.cart-goods-item {
    width: 688rpx;
    /* height: 200rpx; */
    background: #ffffff;
    border-radius: 8rpx;
    padding: 12rpx 0;
    box-sizing: border-box;
    /* margin-bottom: 20rpx; */
    position: relative;
}
.cart-goods-item > view {
    display: inline-block;
    vertical-align: middle;
}

.cart-goods-store-selected {
    width: 40rpx;
    height: 40rpx;
    line-height: 1;
    display: inline-block;
}

.cart-store-name {
    display: inline-block;
    font-size: 28rpx;
    text-align: center;
    color: #303036;
    font-weight: 600;
    padding-left: 20rpx;
    position: relative;
    top: -10rpx;
}
.cart-goods-store-selected > image {
    width: 100%;
    height: 100%;
}

.cart-goods-item-selected {
    width: 40rpx;
    height: 40rpx;
    line-height: 1;
}
.cart-goods-item-selected > image {
    width: 100%;
    height: 100%;
}
.cart-goods-item-info {
    height: 100%;
    line-height: 1;
    margin-left: 10rpx;
}
.cart-goods-item-info > view {
    display: inline-block;
    vertical-align: top;
}
.cart-goods-item-info-img {
    width: 150rpx;
    height: 150rpx;
}
.cart-goods-item-info-img > image {
    width: 100%;
    height: 100%;
    border-radius: 8rpx;
}
.cart-goods-item-info-text {
    height: 100%;
    width: 440rpx;
    margin-left: 16rpx;
    padding: 0;
    box-sizing: border-box;
}
.cart-goods-item-info-text-title {
    line-height: 1.1;
    height: 62rpx;
    font-size: 28rpx;
    text-align: left;
    color: #3a3943;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.cart-goods-item-info-text-title-attr {
    margin: 10rpx 0;
    font-size: 25rpx;
    line-height: 31rpx;
    text-align: left;
    color: #bcbcbc;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cart-goods-item-info-text-pn {
    margin-top: 10rpx;
    display: flex;
}
.cart-goods-item-info-text-pn > view {
    display: inline-block;
    vertical-align: middle;
}
.cart-goods-item-info-text-pn-price {
    color: #ff6839;
    width: 50%;
}
.cart-goods-item-info-text-pn-price > view {
    display: inline-block;
    vertical-align: bottom;
}
.cart-goods-item-info-text-pn-price1 {
    font-size: 28rpx;
    color: #ff6839;
    font-weight: 600;
}
.cart-goods-item-info-text-pn-price2 {
    font-size: 36rpx;
    font-weight: 600;
}

.cart-goods-item-info-text-pn-number {
    width: 200rpx;
    height: 50rpx;
    background: #ffffff;
    border: 2rpx solid #dbdbdb;
    border-radius: 4rpx;
    float: right;
    font-size: 0;
    line-height: 1;
}
.cart-goods-item-info-text-pn-number > view {
    display: inline-block;
    vertical-align: middle;
}
.cart-goods-item-info-text-pn-number-reduce {
    width: 50rpx;
    height: 50rpx;
    text-align: center;
    line-height: 48rpx;
    font-size: 32rpx;
}
.cart-goods-item-info-text-pn-number-plus {
    width: 50rpx;
    height: 50rpx;
    text-align: center;
    line-height: 48rpx;
    font-size: 32rpx;
    float: right;
}
.cart-goods-item-info-text-pn-number-input {
    width: 96rpx;
    height: 50rpx;
    border-left: 2rpx solid #dbdbdb;
    border-right: 2rpx solid #dbdbdb;
}
.cart-goods-item-info-text-pn-number-input > input {
    height: 100%;
    width: 100%;
    text-align: center;
    font-size: 32rpx;
    color: #555;
}

.cart-goods-item-delete {
    width: 40rpx;
    height: 40rpx;
    background: #ff6839;
    border-radius: 0pt 8rpx 0pt 8rpx;
    position: absolute;
    top: 0;
    right: 0;
}

.cart-goods-item-delete > image {
    width: 100%;
    height: 100%;
}
.goods-number-input {
    color: #dbdbdb;
}

/* cart-order */
.cart-order {
    position: fixed;
    width: 100%;
    height: 108rpx;
    background: #ffffff;
    bottom: 0;
    z-index: 99;
    padding: 20rpx 40rpx;
    box-sizing: border-box;
    font-size: 0;
    line-height: 1;
}
.cart-order > view {
    display: inline-block;
    vertical-align: middle;
}
.cart-order-disc {
    width: fit-content;
    height: 100%;
    border-right: 2rpx solid #f6f6f8;
    padding-right: 30rpx;
}
.cart-order-disc-text {
    font-size: 26rpx;
    text-align: left;
    color: #85838f;
    margin-bottom: 15rpx;
}
.cart-order-disc-price {
    font-size: 36rpx;
    font-weight: 700;
    text-align: left;
    color: #ff6839;
    margin-top: 10rpx;
}

.cart-order-price {
    margin-left: 0rpx;
}
.cart-order-price .cart-order-price-tag {
    font-size: 28rpx;
    color: #85838f;
    width: fit-content;
    margin-bottom: 15rpx;
}
.cart-order-price-view {
    margin-top: 10rpx;
}
.cart-order-price-view > view {
    display: inline-block;
}

.cart-order-price-text {
    font-size: 30rpx;
    width: fit-content;
    color: #3a3943;
}
.cart-order-price-price {
    font-size: 30rpx;
    width: fit-content;
    color: #ffbb00;
}

.cart-order-submit {
    width: 200rpx;
    height: 72rpx;
    line-height: 72rpx;
    background: linear-gradient(#ffeabf 0, #ffd88c 100%);
    border-radius: 44rpx;
    font-size: 28rpx;
    font-weight: 700;
    text-align: center;
    color: #3a3943;
    float: right;
    position: absolute;
    right: 20rpx;
}

.cart-del-submit {
    width: 200rpx;
    height: 72rpx;
    line-height: 72rpx;
    background: linear-gradient(rgba(247, 151, 27, 0.959) 0, rgba(243, 112, 36, 0.788) 100%);
    border-radius: 44rpx;
    font-size: 28rpx;
    font-weight: 700;
    text-align: center;
    color: #3a3943;
    float: right;
    position: absolute;
    right: 20rpx;
}

.emptyCart {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 174rpx;
}

.emptyCart image {
    width: 206rpx;
    height: 196rpx;
}

.emptyTip {
    color: #8d8d8d;
    font-size: 36rpx;
    margin-top: 58rpx;
}

.seeGoods {
    color: #373737;
    font-size: 36rpx;
    width: 188rpx;
    height: 82rpx;
    border: 2rpx solid #8d8d8d;
    border-radius: 24rpx;
    text-align: center;
    line-height: 82rpx;
    margin-top: 40rpx;
}

.cart-div {
    position: relative;
    top: 0;
}

/**弹窗**/
.public-body {
    width: 470rpx;
    height: 460rpx;
    padding: 20rpx 30rpx;
    position: relative;
}

.public-title {
    width: 100%;
    text-align: center;
    font-weight: 600;
    color: #3a3943;
    margin: 16rpx 0;
    font-size: 28rpx;
}

.public-explain {
    width: 100%;
    text-align: left;
    color: #85838f;
    margin-top: 20rpx;
    margin-bottom: 40rpx;
    font-size: 26rpx;
}

.public-item {
    position: relative;
    width: 100%;
    padding: 6rpx 0;
}
.public-item > view {
    display: inline-block;
}

.public-item-selected {
    width: 40rpx;
    height: 40rpx;
    line-height: 1;
    position: relative;
    top: 12rpx;
}
.public-item-selected > image {
    width: 100%;
    height: 100%;
}
.public-item-text {
    padding: 18rpx;
    background-color: #f6f6f8;
    border-radius: 5rpx;
    font-size: 26rpx;
    color: #85838f;
    margin-left: 29rpx;
    width: 75%;
}
.public-item-text-selected {
    color: #3a3943;
}
.public-bottom {
    width: 100%;
    display: flex;
    text-align: center;
}

.public-bottom view {
    padding: 16rpx 20rpx;
    border-radius: 40rpx;
    font-size: 30rpx;
    width: 50%;
    margin: 20rpx 25%;
    text-align: center;
    border: none;
    font-weight: 600;
}

.public-no-btn {
    background: linear-gradient(to right, #302f36 0, #605e70 100%);
    color: #a19fb4;
}

.public-btn {
    background: linear-gradient(to right, #ffa900 0, #ffd20b 100%);
    color: #fff;
}
.public-close {
    position: absolute;
    width: 75rpx;
    height: 75rpx;
    bottom: -105rpx;
    left: 240rpx;
    z-index: 101;
}
.public-close image {
    width: 100%;
    height: 100%;
}
van-popup .van-popup {
    overflow-y: visible;
}

.cart-store-lose-tip {
    color: #bcbcbc;
    text-align: center;
    width: 100%;
    margin: 30rpx 0;
    font-size: 28rpx;
}
